<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../public/css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="../public/js/swiper-3.4.2.min.css" />
	</head>

	<body>
		<div id="allmap" class="none"></div>
		<div class="hasadress" v-show="hasadress" transition="showIndex">
			<div class="indexHead">
				<div class="indexHead_map" v-on:click="showadress()">
					<div class="indexHead_map_icon"></div>
					<div class="indexHead_map_adress">
						<div class="indexHead_map_adress_text" v-html="myadress"></div>
						<div class="indexHead_map_adress_btn"></div>
					</div>
				</div>
				<input v-model="mhss" @blur="mhget()" type="text" class="indexHead_search" placeholder="搜索商家" />
			</div>
			<div class="load" v-bind:class="{'block':!loading,'none':loading}">
				<div class="csshub-loader">
					<div class="csshub-square"></div>
					<div class="csshub-square"></div>
					<div class="csshub-square"></div>
					<div class="csshub-square"></div>
					<div class="csshub-square"></div>
					<div class="csshub-square"></div>
					<div class="csshub-square"></div>
					<div class="csshub-square"></div>
					<div class="csshub-square"></div>
				</div>
			</div>
			<!--中间部分-->
			<div class="none" v-bind:class="{'block':loading,'none':!loading}">
				<div class="indexSwiper">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="img/swiper1.jpg" /></div>
							<div class="swiper-slide"><img src="img/swiper2.jpg" /></div>
							<div class="swiper-slide"><img src="img/swiper3.jpg" /></div>
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<div class="indexNavigationbar">
					<div class="indexNavigationbar_list">
						<a class="" @click="tz('全部商家')">
							<img src="img/listicon1.png" />
							<div class="">
								全部商家
							</div>
						</a>
						<a class="" @click="tz('快餐便当')">
							<img src="img/listicon2.png" />
							<div class="">
								快餐便当
							</div>
						</a>
						<a class="" @click="tz('简餐')">
							<img src="img/listicon3.png" />
							<div class="">
								简餐
							</div>
						</a>
						<a class="" @click="tz('盖浇饭')">
							<img src="img/listicon4.png" />
							<div class="">
								盖浇饭
							</div>
						</a>
					</div>
					<div class="indexNavigationbar_list">
						<a class="" @click="tz('日韩料理')">
							<img src="img/listicon5.png" />
							<div class="">
								日韩料理
							</div>
						</a>
						<a class="" @click="tz('川湘菜')">
							<img src="img/listicon6.png" />
							<div class="">
								川湘菜
							</div>
						</a>
						<a class="" @click="tz('特色菜系')">
							<img src="img/listicon7.png" />
							<div class="">
								特色菜系
							</div>
						</a>
						<a class="" @click="tz('米粉面馆')">
							<img src="img/listicon8.png" />
							<div class="">
								米粉面馆
							</div>
						</a>
					</div>
				</div>
				<div class="indexShoplist">
					<h3>推荐商家</h3>
					<div class="indexShoplist_noshop" v-show="shop.length==0">附近暂无商家</div>
					<div class="indexShoplist_list" v-show="shop.length>0">
						<div class="indexShoplist_item" v-for="item in shop" @click="tzshopdata(item.id)">
							<div class="indexShoplist_item_left">
								<img :src="item.attributes.shopimg" />
							</div>
							<div class="indexShoplist_item_right">
								<h3>{{item.attributes.shopname}}</h3>
								<div class="indexShoplist_item_right_top">
									<div class="indexShoplist_item_right_top_stars">
										<div class="indexShoplist_item_right_top_stars_item" v-for="star in shopstar[$index]"></div>
										<div class="indexShoplist_item_right_top_grade">
											{{item.attributes.grade}}
										</div>
										<div class="indexShoplist_item_right_top_sale">
											月售{{item.attributes.salenum}}单
										</div>
									</div>
									<div class="indexShoplist_item_attr">
										<div class="indexShoplist_item_right_top_zsd" v-show="shopattr1[$index]">
											准时达
										</div>
										<div class="indexShoplist_item_right_top_hgzs" v-show="shopattr2[$index]">
											猴哥专送
										</div>
									</div>
								</div>
								<div class="indexShoplist_item_right_bottom">
									<div class="indexShoplist_item_right_bottom_price">
										<div class="indexShoplist_item_right_bottom_startprice">
											￥{{item.attributes.startprice}}起送
										</div>/
										<div class="indexShoplist_item_right_bottom_farprice">
											配送费约￥{{item.attributes.sendprice}}
										</div>
									</div>
									<div class="indexShoplist_item_right_bottom_howfar">
										{{b2cFar[$index]}}km
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="indexTabbar">
				<div class="indexTabbar_food acttabbar">
					<div class=""></div>
					<span>美食</span>
				</div>
				<div class="indexTabbar_find">
					<div class=""></div>
					<span>发现</span>
				</div>
				<div class="indexTabbar_order">
					<div class=""></div>
					<span>订单</span>
				</div>
				<div class="indexTabbar_ownr">
					<div class=""></div>
					<span>我的</span>
				</div>
			</div>
		</div>
		<div class="noadress none" v-bind:class="{'none':hasadress,'block':!hasadress}" transition="showAdressdiv">
			<div class="noadress_Head">
				<div class="noadress_Head_top">
					<div class="noadress_Head_top_back" v-on:click="backlist()"></div>
					<h3 class="noadress_Head_top_text">选择地址</h3>
				</div>
				<div class="">
					<input id="searchAdress" type="text" class="noadress_Head_bottom" placeholder="请输入地址" @blur="setAdress" v-model="choiceadress" />
					<div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
				</div>

			</div>
			<!--<div class="noadress_content">
				<h4>默认地址</h4>
				<div class="noadress_content_item">天津市西青区宾水西道399号天津工业大学</div>
				<div class="noadress_content_item">天津市西青区宾水西道399号天津师范大学</div>
			</div>-->
		</div>
		<script src="../public/js/Zepto_min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZscUBbG2AyUHu7cCjKn9We5YoPHBUBBE"></script>
		<script src="../public/js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/baiduTS.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>